Skip to content

[UI]: Make sidebards resizable and add local persistence#1098

Merged
banana-three-join merged 3 commits into
layer5io:masterfrom
banana-three-join:feature/banana-three-join/resizable-side-panels
Jun 23, 2026
Merged

[UI]: Make sidebards resizable and add local persistence#1098
banana-three-join merged 3 commits into
layer5io:masterfrom
banana-three-join:feature/banana-three-join/resizable-side-panels

Conversation

@banana-three-join

Copy link
Copy Markdown
Contributor

Notes for Reviewers

This PR fixes #1039

Behavior showcase:
https://www.loom.com/share/98269b5657e34a9dab9b5ae2613e2954

Signed commits

  • Yes, I signed my commits.

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces resizable left and right sidebars for the documentation layout, saving the user's preferred widths in localStorage and applying them on page load. The review feedback highlights several important improvements: validating and parsing localStorage values to prevent potential CSS injection, moving the width-loading script to the <head> and removing the defer attribute to prevent layout shifts (FOUC), and adding fallback values in the resizer script to handle cases where CSS custom properties fail to parse as integers.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment thread assets/js/sidebar-load-width.js Outdated
Comment thread layouts/partials/load-sidebars-width.html Outdated
Comment thread layouts/docs/baseof.html Outdated
Comment thread assets/js/sidebar-resizer.js Outdated
@github-actions

github-actions Bot commented Jun 13, 2026

Copy link
Copy Markdown
Contributor
PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-06-23 13:04 UTC

@Bhumikagarggg

Copy link
Copy Markdown
Contributor

@banana-three-join Thank you for your contribution! Let's discuss this during the website call tomorrow at 5:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

@Bhumikagarggg Bhumikagarggg left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The resizable side panel implementation looks useful, but a couple of cleanups are needed before approval:

  1. git diff --check reports trailing whitespace in the new JS, SCSS, and layout files. Please remove the trailing whitespace.
  2. package-lock.json appears to have an unrelated reorder-only change for the typescript block. Please revert that file unless this PR intentionally changes dependencies.

@banana-three-join banana-three-join force-pushed the feature/banana-three-join/resizable-side-panels branch from 47724c0 to 874aba1 Compare June 23, 2026 01:14
Signed-off-by: Lenox Wiltshire <lenoxwiltshire@gmail.com>
@banana-three-join banana-three-join force-pushed the feature/banana-three-join/resizable-side-panels branch from 874aba1 to fec1261 Compare June 23, 2026 02:12
@banana-three-join

Copy link
Copy Markdown
Contributor Author

@Bhumikagarggg Fixed!

Signed-off-by: Lenox Wiltshire <lenoxwiltshire@gmail.com>
Comment thread assets/scss/_styles_project.scss Outdated
Comment thread assets/scss/_styles_project.scss Outdated
Signed-off-by: Lenox Wiltshire <lenoxwiltshire@gmail.com>
@banana-three-join banana-three-join merged commit c9996d8 into layer5io:master Jun 23, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Adjustable Side Panels

3 participants